<template>
  <!-- 新增企业管理 -->
  <view class="newSiteAdministrator">
    <view class="nexSite-item">
      <view class="stateText">微信扫一扫，成为该场所负责人</view>
      <view class="qrcenter">
        <image :src="qrimg" style="width: 100%; height: 100%"></image>
      </view>
      <view class="qr_past">二维码5分钟后失效</view>
    </view>
  </view>
</template>

<script>
  import {
    messageGetQrCode
  } from "@/api/myself.js";

  export default {
    name: "newSiteAdministrator",
    data() {
      return {
        baseImgUrl: this.$baseImgUrl,
        argumentall: {},
        options: {},
        qrimg: "",
      };
    },
    onLoad(options) {
      this.options = options;
      this.getList();
    },
    methods: {
      getList() {
        messageGetQrCode({
          companyId: this.options.id
        }).then((res) => {
          this.qrimg = res.result.img;
        });
      },
    },
  };
</script>

<style lang="scss">
  .newSiteAdministrator {
    padding: 20rpx;
    background: #f9f9f9;

    .nexSite-item {
      height: calc(100vh - 22px);
      background: #fff;
      text-align: center;

      .stateText {
        padding: 80rpx 0 50rpx;
        font-size: 36rpx;
        font-weight: bold;
        color: #333333;
      }

      .qrcenter {
        margin: 0 auto;
        width: 424rpx;
        height: 424rpx;
      }

      .qr_past {
        padding-top: 30rpx;
        color: #999999;
      }
    }
  }
</style>